//错误提示
function showError(id,msg) {
	$("#"+id+"Ok").hide();
	$("#"+id+"Err").html("<i></i><p>"+msg+"</p>");
	$("#"+id+"Err").show();
	$("#"+id).addClass("input-red");
}
//错误隐藏
function hideError(id) {
	$("#"+id+"Err").hide();
	$("#"+id+"Err").html("");
	$("#"+id).removeClass("input-red");
}
//显示成功
function showSuccess(id) {
	$("#"+id+"Err").hide();
	$("#"+id+"Err").html("");
	$("#"+id+"Ok").show();
	$("#"+id).removeClass("input-red");
}


//打开注册协议弹层
function alertBox(maskid,bosid){
	$("#"+maskid).show();
	$("#"+bosid).show();
}
//关闭注册协议弹层
function closeBox(maskid,bosid){
	$("#"+maskid).hide();
	$("#"+bosid).hide();
}

//注册协议确认
$(function() {
	$("#agree").click(function(){
		var ischeck = document.getElementById("agree").checked;
		if (ischeck) {
			$("#btnRegist").attr("disabled", false);
			$("#btnRegist").removeClass("fail");
		} else {
			$("#btnRegist").attr("disabled","disabled");
			$("#btnRegist").addClass("fail");
		}
	});

	//追踪变量
	var phone_tag=0;
	var passwd_tag=0;
	var messageCode_tag = 0;
	//验证手机号  当手机输入框失去焦点的时候
	$("#phone").blur(function () {
		phone_tag=0;
		//1、当没有输入手机号的时候 将输入框内容取出，并去除前后空格
		var phone = $.trim($(this).val());
		if (phone==null || phone==""){
			//alert("122");
			showError("phone","手机号不能为空");
			return;
		}

		// 2、手机长度必须为11位
		if (phone.length!=11){
			showError("phone","手机号长度必须为11位");
			return;
		}

		// 3、手机号码格式的判断
		if(!/^1[1-9]\d{9}$/.test(phone)){
			showError("phone","请输入正确的手机号码");
			return;
		}

		// 4、判断手机号是否已经被占用(通过ajax)
		$.get("/005-money-web/loan/page/checkPhone", { phone: phone },
			//返回的是这种情况 {"code":1,"message":"","success":true}
			function(data){
				//alert("Data Loaded: " + data);
				if(data.code==0){
					showError("phone",data.message);
				//	alert(1111); 发现ajax这个弹出 会在整个过程的最后执行
                    phone_tag=0;
				//	alert("第二次失败"+phone_tag);
					return;
				}
				if(data.code==1){
					showSuccess("phone");
				//	alert(2222);
					phone_tag=1;
					if(phone_tag==1&&passwd_tag==1&&messageCode_tag==1&&isSubmit==1){
						//alert("提交数据" + phone_tag);
						var phone=$.trim($("#phone").val());
						var loginPassword=$.trim($("#loginPassword").val());
						var messageCode = $.trim($("#messageCode").val());
						$.post("/005-money-web/loan/page/registerSubmit",{ phone:phone, loginPassword:$.md5(loginPassword),messageCode:messageCode },
							function(data){
								//alert("Data Loaded: " + data);
								if(data.code==0){
									alert(data.message);
									window.location.href="/005-money-web/loan/page/register";
								}
								if(data.code==1){
									window.location.href="/005-money-web/loan/page/realName";
								}
							});
					}
					return;
				}
			});
		showSuccess("phone");
		phone_tag=1;
		return true;
	});

	//验证登录密码  当密码输入框失去焦点的时候
	$("#loginPassword").blur(function () {

		passwd_tag=0;
		//1、当没有输入登录密码的时候 将输入框内容取出，并去除前后空格
		var loginPassword = $.trim($(this).val());
		if (loginPassword==null || loginPassword==""){
			//alert("122");
			showError("loginPassword","登录密码不能为空")
			return;
		}

		//2、长度6-20
		if(loginPassword.length<6||loginPassword.length>20){
			showError("loginPassword","密码长度为6-20字符");
			return;
		}

		//3、只能是数字或者英文字母
		if(!/^[0-9a-zA-Z]+$/.test(loginPassword)){
			showError("loginPassword","密码只能是数字或者英文字母");
			return;
		}

		//4、数字+字母
		if(!/^(([a-zA-Z]+[0-9]+)|([0-9]+[a-zA-Z]+))[a-zA-Z0-9]*/.test(loginPassword)){
			showError("loginPassword","密码应同时包含英文和数字");
			return;
		}
		showSuccess("loginPassword");
		passwd_tag=1;
		return true;
	});

	//短信验证码事件的触发实现
	$("#messageCodeBtn").click(function () {
		//alert(123);
        //在点击验证码按钮之前，需要再对手机号密码等进行校验
		var phone_ret = $("#phone").blur(); //模拟事件触发
		var loginPassword_ret = $("#loginPassword").blur();
		if(phone_tag==1&&passwd_tag==1) {
			//alert(123)
			var phone = $.trim($("#phone").val());
			var _this = $(this);
			$.get("/005-money-web/loan/page/messageCode", { phone: phone },
				function(data){
					if(data.code==1){
						alert(data.message);
						$.leftTime(60,function(d){
							if(d.status){
								_this.addClass("on");
								_this.html((d.s=="00"?"60":d.s)+"秒后重新获取");
							}else{
								_this.removeClass("on");
								_this.html("获取验证码");
							}
						});
					}
				});
		}
	});

	//手机验证码接收到后填在输入框后，对验证短信验证码
	$("#messageCode").blur(function () {
		messageCode_tag = 0;
		var messageCode = $.trim($("#messageCode").val());
		//验证码不能为空
		if(messageCode==null||messageCode==""){
			showError("messageCode","请输入短信验证码");
			return;
		}
		//验证码长度必须为6位
		if(messageCode.length!=6){
			showError("messageCode","短信验证码的长度必须为6位");
			return;
		}
		showSuccess("messageCode");
		messageCode_tag = 1;
	});


	var isSubmit = 0;
	//点击注册按钮，实现数据提交
	$("#btnRegist").click(function () {
		isSubmit = 1;
		//alert(123);
		//在点击注册按钮之前，需要再对手机号密码等进行校验
		var phone_ret = $("#phone").blur(); //模拟事件触发
		var loginPassword_ret = $("#loginPassword").blur();
        /*
        前面的blur事件最后都加了return true，以为弹这个事件的结果，会弹出true
        但是，alert(phone_ret); 弹出的结果不是true
        你这个绑定脚本的方法，是你在整个调用机制里面的一个环节，你的返回值是你的返回值，
        最终这个方法的返回值，不受你限制。
        而jQuery采用的机制就是 它的返回值就是事件源对象(input文本框)。
        alert(phone_ret);
        alert(loginPassword_ret);
        如果是自己写的方法，返回值就是自己可控的，就是true了*/
			//alert(phone_tag);
			//alert(passwd_tag);

		/*if(phone_tag==1&&passwd_tag==1){
			var phone=$.trim($("#phone").val());
			var loginPassword=$.trim($("#loginPassword").val());
			$.post("/005-money-web/loan/page/registerSubmit",{ phone:phone, loginPassword:$.md5(loginPassword) },
				function(data){
					//alert("Data Loaded: " + data);
					if(data.code==0){
						alert(data.message);
						window.location.href="/005-money-web/loan/page/register";
					}
					if(data.code==1){
						window.location.href="/005-money-web/index";
					}
				});

		}*/

	})

});


